{% extends "isa/home.html" %}
{% load static  %}
{%  block css_head %}
<link rel="stylesheet" type="text/css" href="{% static 'css/home.css' %}">
<link href="{% static 'css/user.css' %}" rel="stylesheet"></link>
<link href="{% static 'css/question.css' %}" rel="stylesheet"></link>
<link href="{% static 'css/question_panel.css' %}" rel="stylesheet"></link>
{% block extend_head %}
{% endblock %}

{% endblock %}


{% block middle_body %}
        <a href="/"  >
            <div onmouseover="index_anim_on()" onmouseout="index_anim_out()" class="index-menu img img-circle ">
                <p style="position:fixed ;bottom: 2px ; left:53%; color: white">Home</p>
            </div>
        </a>
<div class="col-md-3 col-sm-3  index">
    <nav>
        <ul class="pager">
        {% block all_tag %}
        <li ><a class="each_pager" href="/question/box/all">all</a></li>
        {% endblock %}
        {% block left_content %}
        {% for tag in tags %}
            <li ><a class="each_pager" href="/question/box/{{ tag }}">{{ tag }}</a></li>

        {% endfor  %}
        {% endblock %}
        </ul>
    </nav>
</div>
<div class="col-md-9 col-sm-9 question-box">
{% block right_content %}

{% for question in questions %}

    <a href="/question/{{ question.id }}" class="each_single"  id="single-{{question.id}}" >
        <code class="q_single" onmouseover="toToggleIn({{question.id}})" onmouseout="toToggleOut({{question.id}})" >{{ question.title }} ||
        {% for tag in question.tags %}
         <span class="label-primary label">{{ tag }}</span> 
        {% endfor  %}
        </code>
    </a></br></br>
    <div class="popover right detail-info" id="popover-detail-{{ question.id }}" >
      <div class="arrow"></div>
      <h3 class="popover-title" id="popover-right">{{ question.title }}<a class="anchorjs-link" href="#popover-right"><span class="anchorjs-icon"></span></a></h3>
      <div class="popover-content">
        <p class="font-solid-left font-big">
        {{ question.content}}
        .</p>
      </div>
    </div>
{% endfor %}
{% endblock %}
</div>


{% endblock %}

{% block body_js %}
<script type="text/javascript" src="{% static 'js/question_panel.js' %}"></script>
<script type="text/javascript" src="{% static 'js/question.js' %}" ></script>
{% endblock %}